{extend name="index/index" /}
{block name="main"}
<div class="main">
    <div class="container">
        <div class="Product_top">
            <div class="row content">
                <div class="col-md-3">
                    <div class="category_box">
                        <h3 class="cate_head">多条件筛选搜索</h3>
                        <ul class="category">
                        	<form action="{:url('index/index/AttrSearch')}">
		                        {volist name="Attr" id="A"}
		                        <li><input type="checkbox" name="word" value="{$A.attr}">-{$A.attr}</li> 
		                        {/volist}
		                        <button class="btn btn-danger">搜索</button>
                    		</form>
                        </ul>
                    </div>
	                <ul class="product_reviews">
	                    <h3><i class="arrow"> </i><span>好评推荐</span></h3>
	                    <li>
	                        <ul class="review1">
	                            <li class="review1_img"><img src="/static/index/images/pic1.jpg" class="img-responsive" alt=""/></li>
	                            <li class="review1_desc"><h3><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></h3><p>Wed, June 2014</p></li>
	                            <div class="clearfix"> </div>
	                        </ul>
	                    </li>
	                    <li>
	                        <ul class="review1">
	                            <li class="review1_img"><img src="/static/index/images/pic2.jpg" class="img-responsive" alt=""/></li>
	                            <li class="review1_desc"><h3><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></h3><p>Wed, June 2014</p></li>
	                            <div class="clearfix"> </div>
	                        </ul>
	                    </li>
	                    <li>
	                        <ul class="review1">
	                            <li class="review1_img"><img src="/static/index/images/pic3.jpg" class="img-responsive" alt=""/></li>
	                            <li class="review1_desc"><h3><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></h3><p>Wed, June 2014</p></li>
	                            <div class="clearfix"> </div>
	                        </ul>
	                    </li>
	                    <div class="but">
	                        <a href="#">More Reviews<i class="but_arrow"> </i></a>
	                    </div>
	                </ul>
                    <ul class="product_reviews">
                        <h3><i class="arrow"> </i><span>Payment Methods</span></h3>
                        <img src="./images/payment.png" class="img-responsive" alt=""/>
                    </ul>
                </div>
                <div class="col-md-9">
                    <div class="club_top">
                    	{volist name="show" id="v"}
                        <div class="col-md-4">
                            <div class="club1">
                                <a class="popup-with-zoom-anim" href="{:url('index/category/create',['id'=>$v['sid']])}">
                                	<img src="/uploads/evr/{$v.icon}" class="img-responsive" title="continue" >
                                </a>
                                <h3 class="c_m1">{$v.name}</h3>
                                <p class="c_m2"></p>
                            </div>
                        </div>
                        {/volist}
                        <div class="clearfix"></div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{/block}

